<template>
    <div >
        <van-nav-bar
            left-arrow
            @click-left="onClickLeft"
        />
        <img src="../../public/image/52c4d0748b62a052b389649ebb22512.jpg" alt="" >
        <van-button type="primary" to="">快去邀请好友吧</van-button>
    </div>
</template>

<script setup lang="ts">
const onClickLeft = () => history.back()
</script>

<style lang="scss" scoped>
div{
    height: 100vh;
    background: url(../../public/image/a6ee377f7ba20e33390ca2fbef1b565.jpg) no-repeat 0px 0px/100% 100%;
    // position: relative;
    .van-nav-bar::after{
        border-bottom:0px solid ;
    }
    :deep(.van-icon-arrow-left)::before{
        color: #fff;
    }
    img{
        width: 80%;
        height: 100px;
        position: absolute;
        bottom: 200px;
        left: 5px;
        right: 0;
        margin: 0 auto;
        z-index: 1;
    }
    .van-button{
        width: 80%;
        position: absolute;
        z-index: 1;
        bottom: 72px;
        left: 0;
        right: 0;
        margin: 0 auto;
        border-radius: 50px;
        color: #fff;
        background-color: rgb(232, 54, 10);
        border: 0px solid;
}
}
</style>
